<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1" >
    <title>我的订单</title>
    <link rel="stylesheet" href="node_modules/normalize.css/normalize.css">
    <link rel="stylesheet" href="node_modules/fontawesome-free-6.5.1-web/css/all.css">
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/myOrder.css">
    <script src="js/myOrder.js"></script>
</head>
<body>
<div class="wrapper">
    <div class="header">
        <div>我的订单</div>
    </div>

    <div class="waitPay">
        <h3>未支付的订单信息：</h3>
        <div class="orderInfo">
            <div class="left">
                万家饺子（软件园E18店）
                <i class="fa fa-caret-down" id="showBtn"></i>
            </div>
            <div class="right">
                <div>&#165;49</div>
                <div>去支付</div>
            </div>
        </div>
        <div class="details">
            <div class="item">
                <div>纯肉鲜肉（水饺）× 2</div>
                <div class="price">&#165;15</div>
            </div>
            <div class="item">
                <div>玉米鲜肉（水饺）× 1</div>
                <div class="price">&#165;16</div>
            </div>
            <div class="item">
                <div>配送费</div>
                <div class="price">&#165;3</div>
            </div>
        </div>

        <div class="orderInfo">
            <div class="left">
                小锅饭豆腐馆（全运店）
                <i class="fa fa-caret-down"></i>
            </div>
            <div class="right">
                <div>&#165;55</div>
                <div>去支付</div>
            </div>
        </div>
    </div>

    <div class="pay">
        <h3>已支付的订单信息：</h3>
        <div class="orderInfo">
            <div class="left">
                万家饺子（软件园E18店）
                <i class="fa fa-caret-down"></i>
            </div>
            <div class="right">
                <div>&#165;49</div>
            </div>
        </div>
        <div class="orderInfo">
            <div class="left">
                小锅饭豆腐馆（全运店）
                <i class="fa fa-caret-down"></i>
            </div>
            <div class="right">
                <div>&#165;55</div>
            </div>
        </div>
    </div>



    <div style="margin-bottom: 8vw">&nbsp;</div>
    <div>&nbsp;</div>

    <div class="footer">
        <div onclick="returnIndex()">
            <i class="fa fa-home"></i>
            <p>首页</p>
        </div>
        <div>
            <i class="fa fa-compass"></i>
            <p>发现</p>
        </div>
        <div>
            <i class="fa fa-file-text"></i>
            <p>订单</p>
        </div>
        <div>
            <i class="fa fa-user"></i>
            <p>我的</p>
        </div>
    </div>
</div>

</body>
</html>